<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>通过百度地图，仿照微信地址分享功能</title>
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <link rel="stylesheet" href="static/mobile_map.css">
</head>
<body>
<div class="search">
  <input class="search-input" type="text" id="search" placeholder="点击搜索">
  <div class="btn-wapper">
    <button class="search-btn" type="button" id="search_btn">搜索</button>
  </div>
  <ul class="search-list" hidden>
  </ul>
</div>
<div id="container">
  <div class="point"></div>
  <div id="map"></div>
</div>
<div id="list">
  <ul class="address">
    <li class="address-item">
      <p class="address-item-title">我的位置</p>
      <span class="address-item-desc">阿萨德飞洒</span>
    </li>
  </ul>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="http://api.map.baidu.com/api?v=2.0&ak=XCysCips5YQngYwbVCNH8Gxp6ezO9Yw2"></script>
<script src="static/mobile_map.js"></script>
</body>
</html>